.litegraph-page{
    position: relative;
    width: 100%;
    height: 100%;
    background: #090a0a;
  }

  .litegraph-canvas{
    width: 100%;
    height: 100%;
  }

  .test_group{
    width: 550px;
    height: 240px;
    position: absolute;
    
  }
  .test_container{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 2px solid #57bdb4;
    background: #4c5f82;
    opacity: 0.3;
  }
  .test_group > .text {
      position: absolute;
      top: 3px;
      left: 18px;
      font-size: 20px;
      color: #16c7da;
  }
  .test-base-link{
    stroke: #4b4f6b;
    stroke-width: 3px;
  }
  .test-base-link.active {
    stroke-width: 3px;
    stroke: #ff8637;
  }
  .test-base-node{
    height: 32px;
    width: 102px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    vertical-align: middle;
    border-radius: 5px;
    position: absolute;
    background: #3c3a3a;
    text-align: center;
    color: #bfbfbf;
  }
  .test-base-node.active {
    border: 2px solid #ff8637;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.8);
  }
  .test-base-node .text{
    display: inline-block;
    width: 100%;
    height: 30px;
    vertical-align: middle;
    border-bottom:1px solid #000000;
  }
  .test-base-node .custom-gray-point{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #000000;
    background: #828f9c;
    
  }
  .custom-gray-point.game-point_2{
    right: 4px;
    top: calc(~ "68% - 10px");
  }
  .custom-gray-point.game-point_3 {
    right: 4px;
    top: calc(~ "50% - 6px");
  }
  .custom-green-rectangle-point{
    position: absolute;
    width: 15px;
    height: 10px;
    background: #55ea55;
    
  }
  .custom-green-rectangle-point.game-point_1{
    right: 4px;
    top: calc(~ "87% - 15px");
  }
  .custom-green-rectangle-point.log-event-point_1{
    top: calc(~ "87% - 10px");
    left: 4px;
  }
  .custom-green-circle-point {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #55ea55;
    
  }
  .custom-green-circle-point.widgest-point_1{
    right: 6px;
    top: calc(~ "35% - 5px");
  }
  .endpointInfo{
    position: absolute;
    width: 100%;
    top: 30px;
    height: 28px;
    
  }
  .label_span{
    position: absolute;
    right: 28px;
  }
  .endpointInfo.endpoint1{
    top: calc(~ "50% - 25px");
  }
  .endpointInfo.endpoint2{
    top: calc(~ "60% - 10px");
  }
  .endpointInfo.endpoint3{
    top: calc(~ "83% - 10px");
  }
  .system-green-point{
    background: #55ea55;
    width: 10px;
    height: 10px;
   
  }
  .system-green-point.active {
    background: #ff8637;
    border: 1px solid #ff8637;
  }
  .system-gray-point{
    width: 12px;
    height: 12px;
    background: #828f9c;
    border: 1px solid #000000;
  }